<template>
	<view>
		<view class="w100  user-menu ">
			<view class="user-menu-item">
				<u-cell-group style="background-color: #fff; " class="boxShadow">
						<u-cell-item title="注销账户"
						 @tap="deleteAccount"
						 :borderBottom="false"
						>
							<view  slot="icon" class="iconfont icon-zhuxiao user-menu-icon">
								
							</view>
						</u-cell-item>
						<u-cell-item title="退出登录"
						@tap="handleLogOut" :borderBottom="false"
						>
						<view slot="icon" class="iconfont icon-zhuxiao1 " style="font-size: 60rpx;">
							
						</view>
						</u-cell-item>
					
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"account",
		data() {
			return {
				
			};
		},
		methods:{
			deleteAccount(){
				this.$show.showModalDeleteAccount(()=>{
					console.log("删除1");
				})
			},
			handleLogOut(){
				this.$show.showModalLogout(()=>{
					console.log("handleLogOut1");
				})
			}
		}
	}
</script>

<style lang="scss">
.user-menu{
		padding: 0 35rpx;
		padding-top: 94rpx;
		width: 750rpx;
		box-sizing: border-box;
		.user-menu-icon{
			font-size: 40rpx;
			margin-left: 10rpx;
			margin-right: 10rpx;
		}
	}
	.user-menu-item{
		background-color: #c48;
		border-radius: 20rpx;
		overflow: hidden;
	}
</style>
